import React from 'react'
class Toggle extends React.Component {
  constructor () {
    super()
    this.state = {
      isToggleOn: true
    }
    // 直接使用函数要用bind指回去
    this.handleClick =this.handleClick.bind(this)
  }
//   handleClick=()=>{
//       console.log(this);
//       this.setState({
//         isToggleOn:!this.state.isToggleOn
//       })
//   }
handleClick () {
    console.log(this);
    this.setState({
        isToggleOn:!this.state.isToggleOn
    })
}
  render () {
    return <button onClick={this.handleClick}>{this.state.isToggleOn?'ON':'OFF'}</button>
  }
}
export { Toggle }
